<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--layui css-->
    <link rel="stylesheet" href="https://heerey525.github.io/layui-v2.4.3/layui-v2.4.5/css/layui.css">

    <style>
        .table-center{
            text-align: center;
        }
        .layui-table th{
            text-align: center;
        }
    </style>
</head>
<body>
<div class="layui-container">
    <div class="layui-row">
        <table lay-even class="layui-table table-center">
            <colgroup>
                <col width="150">
                <col width="200">
                <col>
            </colgroup>
            <thead>
            <tr>
                <td colspan="2">
                    <h2>火车车次详情</h2>
                </td>
            </tr>
            </thead>
            <tbody>
                <tr>
                    <th>车次</th>
                    <th th:text="${train.getTrainNo()}"></th>
                </tr>
                <tr>
                    <th>发车——到达</th>
                    <td>[[${train.getStartStation()}]]——[[${train.getArrivalStation()}]]</td>
                </tr>
                <tr>
                    <th>发时——到时</th>
                    <td>[[${train.getStartTime()}]]——[[${train.getArrivalTime()}]]</td>
                </tr>
                <tr>
                  <th>车型</th>
                    <td th:text="${train.getType()}"></td>
                </tr>
                <tr>
                   <th>运行时间（小时）</th>
                    <td th:text="${train.runtime}"></td>
                </tr>
                <tr>
                    <th>里程（公里）</th>
                    <td th:text="${train.getMile()}"></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
<!--layui js-->
<script  src="https://heerey525.github.io/layui-v2.4.3/layui-v2.4.5/layui.js"/>
</body>
</html>